[attr="class","universe"]
[attr="class","blackhole"]
[attr="class","pluto"]
[attr="class","jupiter"]
[attr="class","orbit"]About.
NAME MCNAME is blah blah meow cat bark dog hiss snake yummy yummy cake bacon fat pan sizzling pranked ya[break][break]
[attr="class","orbit"]Friends.
lorem ipsum
"whaddup paddywhack" gotta go take a
bath nevermind my cat's in there meowing while he shaves his hair[break][break]
[attr="class","orbit"]Enemies.
lorem ipsum
"whaddup paddywhack" gotta go take a
bath nevermind my cat's in there meowing while he shaves his hair[break][break]
[attr="class","orbit"]Lovers.
lorem ipsum
"whaddup paddywhack" gotta go take a
bath nevermind my cat's in there meowing while he shaves his hair
[attr="class","eclipse"]
[attr="class","sun"]
[attr="class","moon"]
[attr="class","maecredits"]made by
mae[break]
of pixel perfect.
[googlefont=Nunito]
[googlefont=Playball]
[googlefont=Encode Sans Condensed]
[newclass=.universe]width: 500px;height: auto;margin-top: 15px;margin-bottom:15px;position: relative;[/newclass]
[newclass=.blackhole]height: 250px;width: 150px;background-color: #010c3b;border-top: 10px solid #292426;border-bottom: 10px solid #292426;background-image: url(https://images2.imgbox.com/14/96/MAcXpMXw_o.png);background-repeat: no-repeat;background-position: right;transition: all .3s ease-in-out;[/newclass]
[newclass=.universe:hover .blackhole]width: 400px;transition: all .3s ease-in-out;border-top: 10px solid #702b48;border-bottom: 10px solid #702b48;[/newclass]
[newclass=.sun]height: 250px;width: 150px;background-image: url(https://images2.imgbox.com/14/96/MAcXpMXw_o.png);float: right;filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);transition: all .3s ease-in-out;[/newclass]
[newclass=.universe:hover .sun]filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: all .3s ease-in-out;[/newclass]
[newclass=.moon]-webkit-clip-path: polygon(44% 100%, 100% 44%, 100% 100%);clip-path: polygon(44% 100%, 100% 44%, 100% 100%);background-color: #478ba6;height: 200px;width: 150px;position: absolute;bottom: -100px;right: -1px;filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: all .3s ease-in-out;[/newclass]
[newclass=.universe:hover .moon]filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);transition: all .3s ease-in-out;[/newclass]
[newclass=.eclipse]position: relative;width: 250px;height: 150px;float: right;[/newclass]
[newclass=.pluto]height: 250px;width: 250px;background: linear-gradient(transparent, #000317, transparent);position: absolute;left: 50px;opacity: 0;transition: all .10s ease-in-out;[/newclass]
[newclass=.universe:hover .pluto]opacity: 1;transition: all .9s ease-in-out;[/newclass]
[newclass=.jupiter]height: 225px;width: 225px;padding-right: 5px;padding-left: 5px;padding-bottom: 10px;color: #808cc4;overflow: auto;margin-top: 7px;font-family: 'Nunito', sans-serif;font-size: 12px;text-align: justify;line-height: 13px;[/newclass]
[newclass=.jupiter b]color: #702b48;[/newclass]
[newclass=.jupiter::-webkit-scrollbar]width: 2px;[/newclass]
[newclass=.jupiter::-webkit-scrollbar-track]background-color: transparent;[/newclass]
[newclass=.jupiter::-webkit-scrollbar-thumb]background-color: #808cc4;[/newclass]
[newclass=.orbit]font-family: 'Playball', cursive;color: #478ba6;text-align: right;font-size: 25px;margin-top: 5px;margin-bottom: 3px;width: 225px;height: auto;[/newclass]
[newclass=.maecredits]font-family: 'Encode Sans Condensed', sans-serif;text-transform: uppercase;font-size: 9px;line-height: 9px;letter-spacing: 2px;position: relative;float: left;text-align: left;margin-top: 3px;margin-left: 175px;transition: all .3s ease-in-out;[/newclass]
[newclass=.universe:hover .maecredits]margin-left: 50px;transition: all .3s ease-in-out;[/newclass]
[newclass=.maecredits a]color: #3b9b93;[/newclass]